<template>
<div class="all">
    <!-- 顶部 -->
    <div class="head">
        <div class="kuangkuang">
            <div class="image1">
            <img class="xiuxiu"  src="../../assets/index_photo2.png">
            </div>
            <div class="title">
                <h7>开启全新的视频广告时代</h7>
            </div>
            <ul class="list">
                <li class="list_1">更自由地广告投放方式</li>
                <li class="list_2">更个性的广告展示方式</li>
                <li class="list_3">更多样的广告合作方式</li>
            </ul>
            <el-button  v-if="state==0"  @click="push()" type="warning" class="el_button">立即登录</el-button>
            <el-button  v-if="state==1"  type="warning" class="el_button">已登录</el-button>
        </div>
</div>
<!-- 中间 -->
<div class="center" >
    <h10>AR技术造就植入广告新时代</h10>
</div>
<!-- 下部 -->
<div class="bottom"  @click="state111()">

<div>
    <el-card class="box-card1" >
        <div  >
             <img class="allimage" src="../../assets/icon_1.png"/>
        </div>
        <div class="box-text"  >
            <h6 class="box-text1" >更大的广告市场</h6>
            <span class="box-text2">存量视频重回广告市场招商</span>
        </div>
    </el-card>
    <el-card class="box-card2">
        <div>
             <img class="allimage" src="../../assets/icon_7.png"/>
        </div>
        <div class="box-text">
            <h6 class="box-text1">崭新的合作方式</h6>
            <span class="box-text2">通过视频播放量和时间确定合作长度</span>
        </div>
    </el-card>
    <el-card class="box-card3">
        <div>
             <img class="allimage" src="../../assets/icon_3.png"/>
        </div>
        <div class="box-text">
            <h6 class="box-text1">自由的合作模式</h6>
            <span class="box-text2">广告与视频多对多合作</span>
        </div>
    </el-card>
</div>
<div>
    <el-card class="box-card4">
        <div>
             <img class="allimage" src="../../assets/icon_8.png"/>
        </div>
        <div class="box-text">
            <h6 class="box-text1">个性化广告呈现</h6>
            <span class="box-text2">结合用户画像精准投放广告</span>
        </div>
    </el-card>
    <el-card class="box-card5">
        <div>
             <img class="allimage" src="../../assets/icon_5.png"/>
        </div>
        <div class="box-text">
            <h6 class="box-text1">广告定位技术</h6>
            <span class="box-text2">计算机视觉进行场景及平面识别</span>
        </div>
    </el-card>
    <el-card class="box-card6">
        <div>
             <img class="allimage" src="../../assets/icon_9.png"/>
        </div>
        <div class="box-text">
            <h6 class="box-text1">产品完全融入场景</h6>
            <span class="box-text2">增强现实辅助产品呈现</span>
        </div>
    </el-card>
    <div class="buy_item">
        <img class="buy_img" src="../../assets/header/logo.png">
        <el-button class="button_buy">定位宝购买</el-button>
    </div>
</div>
    
    </div>
    <!-- end -->
    <div class="end">
<br>
上头特动小队
    </div>

</div>
  
</template>

<script>
export default {
    // name:'index',
    data() {
        return {
           cliked1:"cliked",
            cliked2:"uncliked",
            cliked3:"uncliked",
            state:"0",
        }
    },
    methods:{
        state111(){
            this.$router.push({path:'/state'})
        },
        push:function(){
            this.$router.push({path:'/login'})
        },
        adjustStatus(){
            if(sessionStorage.getItem("userInfo")==null){
                this.state=0
            }
            else{
                this.state=1
            }
        }
    },
    mounted(){
         if (location.href.indexOf("#reloaded") == -1) {
                location.href = location.href + "#reloaded";
                location.reload();  
            }
            this.adjustStatus();
        
    },
    beforeCreate(){ 
		//   location.reload();
    },
    created(){
        // location.reload();
    }


}
</script>

<style scoped >
@import "../../style/index.css";
</style>


